/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[11].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src/app/[locale]/layout.tsx","import":"Poppins","arguments":[{"weight":["100","200","300","400","500","600","700","800","900"],"subsets":["latin"],"display":"swap","variable":"--font-poppins"}],"variableName":"poppins"} ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* devanagari */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/_next/static/media/0938b75f61da35fc-s.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/_next/static/media/f54d3b402c212b9e-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/_next/static/media/7108afb8b1381ad1-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/2246fb8caa01a49c-s.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/7ede3623c9ddac57-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/9e82d62334b205f4-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/6c177e25b87fd9cd-s.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/6c9a125e97d835e1-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/4c285fdca692ea22-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/034d78ad42e9620c-s.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/fe0777f1195381cb-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/eafabf029ad39a43-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/db911767852bc875-s.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/f10b8e9d91f3edcb-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/8888a3826f4a3af4-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/29e7bbdce9332268-s.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/c3bc380753a8436c-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/0484562807a97172-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/29a4aea02fdee119-s.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/a1386beebedccca4-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/b957ea75a84b6ea7-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/28485c0de2075f40-s.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/5fb25f343c7550ca-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/7db6c35d839a711c-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/_next/static/media/f5b513e981884070-s.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/_next/static/media/b8442747db2a9bad-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Poppins_9b9fd1';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/_next/static/media/6245472ced48d3be-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Poppins_Fallback_9b9fd1';src: local("Arial");ascent-override: 92.33%;descent-override: 30.78%;line-gap-override: 8.79%;size-adjust: 113.73%
}.__className_9b9fd1 {font-family: '__Poppins_9b9fd1', '__Poppins_Fallback_9b9fd1';font-style: normal
}.__variable_9b9fd1 {--font-poppins: '__Poppins_9b9fd1', '__Poppins_Fallback_9b9fd1'
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[11].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src/app/[locale]/layout.tsx","import":"IBM_Plex_Sans_Arabic","arguments":[{"weight":["100","200","300","400","500","600","700"],"subsets":["arabic"],"display":"swap","variable":"--font-ibm-plex-sans-arabic"}],"variableName":"ibm_plex_sans_arabic"} ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* arabic */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/_next/static/media/2bb6a1b2e772018c-s.p.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/_next/static/media/443b65745b6df830-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/_next/static/media/555550940b3f3995-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/_next/static/media/8cb74166f4c238e7-s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/03d0d66ed2ce10c4-s.p.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/9003d31b0bf0a63e-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/ceced752341815e9-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/3612c969537d1f89-s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/85dd30b44e1792bd-s.p.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/b45a9d9d1da72c1b-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/cc4bdf7bf08e5351-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/dbdc77a4a9d637b5-s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/561aaecfb73078e1-s.p.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/9efac92d680e57b6-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/628cf4a163773be3-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/078954fc9e8513ac-s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/57ad64ad8002e6b7-s.p.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/18d6d756b83deaa1-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/54685c0c990b5328-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/23acdaac58de6ef3-s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/e9f1c10244402551-s.p.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/c3d28d0a4af5320e-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/683edc0915df848c-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/b53732993cf3ac57-s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/e2b4e710b9760801-s.p.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/3abc2a74bccacda0-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/e59a6a9b6eba13d5-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__IBM_Plex_Sans_Arabic_63ce8e';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/d03708b9b9cff7ea-s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__IBM_Plex_Sans_Arabic_Fallback_63ce8e';src: local("Arial");ascent-override: 107.38%;descent-override: 41.07%;line-gap-override: 0.00%;size-adjust: 101.04%
}.__className_63ce8e {font-family: '__IBM_Plex_Sans_Arabic_63ce8e', '__IBM_Plex_Sans_Arabic_Fallback_63ce8e';font-style: normal
}.__variable_63ce8e {--font-ibm-plex-sans-arabic: '__IBM_Plex_Sans_Arabic_63ce8e', '__IBM_Plex_Sans_Arabic_Fallback_63ce8e'
}

/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./public/css/style.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
/* @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,80
@import url("reset.css");

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  max-width: 100%;
}

body {
  font-family: "Montserrat", sans-serif;
  font-family: "Noto Kufi Arabic", sans-serif;
  background-color: var(--bg);
  scroll-behavior: smooth;
  scroll-padding: 10vmax;
}

.pd-0 {
  padding: 0px !important;
}

.app-wrapper.rtl {
  direction: rtl;
  text-align: right;
}

.app-wrapper.ltr {
  direction: ltr;
  text-align: left;
}

.container {
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding: 0 15px;
  box-sizing: border-box;
}
.container.rm-height {
  min-height: auto;
}
.flex-end {
  justify-content: flex-end;
}
.space-between {
  justify-content: space-between;
}

header {
  height: 128px;
  padding: 10px 15px;
  box-sizing: border-box;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 999;
}
header.scroll {
  border-bottom: 1px solid var(--border);
  background-color: var(--bg-elevated);
}
header.active .menu-icon {
  display: none;
}
header.active .cross-icon {
  display: block;
}

.header .logo {
  height: 48px;
}

.header-wrap {
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.logo {
  width: 170px;
}
.logo img {
  max-width: 100%;
}

.header-responsive {
  position: fixed;
  top: 0px;
  padding: 20px;
  width: 100%;
  border-bottom: 1px solid lightgrey;
  display: none;
}
.logo-res {
  height: 50px;
}

*/

.table-head {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--text-primary);
  border-bottom: 1px solid #ffffff40;
  padding: 16px 0;
  text-align: left;
}

[dir="rtl"] .table-head {
  text-align: right;
}

.table-row:hover {
  background-color: rgba(255, 255, 255, 0.13);
}
.table-row td {
  padding: 16px 0;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  color: var(--text-primary);
  border-bottom: 1px solid #ffffff40;
  cursor: pointer;
}

.table-row-no-pointer td {
  cursor: default;
}

/* Base Badge Styles */
.app-font,
input::placeholder,
button {
  font-family: var(--font-poppins);
}

[dir="rtl"] .app-font,
input::placeholder,
button {
  font-family: var(--font-ibm-plex-sans-arabic);
}

.app-font-ar {
  font-family: var(--font-ibm-plex-sans-arabic);
}

.app-font-en {
  font-family: var(--font-poppins);
}

.badge {
  display: inline-block;
  padding: 5px 10px;
  font-size: 0.9em;
  font-weight: bold;
  color: white;
  border-radius: 12px;
  text-transform: uppercase;
  height: -moz-fit-content;
  height: fit-content;
}

/* Badge Variants */
.badge-new,
.badge-accepted {
  background-color: #4caf50; /* Green */
}

.badge-processing,
.badge-pending {
  background-color: #ff9800; /* Orange */
}

.badge-closed,
.badge-rejected {
  background-color: #f44336; /* Red */
}

.see-attachment-btn {
  color: #7d868b;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.see-attachment-chat-user {
  margin-top: 6px;
  color: black;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.see-attachment-chat-admin {
  margin-top: 6px;
  color: #120808;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}
/* Base Background */
.chat-container {
  color: #1a1a1a; /* Darkest Gray for text */
}

.avatar {
  width: 25px;
  height: 25px;
  padding: 4px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8px;
  font-size: 14px;
}

.avatar.user {
  background-color: #a66402;
  color: white;
}
.avatar.admin {
  background-color: #602c1b;
  color: white;
}

/* Message Bubbles */
.message {
  display: flex;
  align-items: flex-end;
  margin: 8px 0;
  width: 100%; /* Ensure full container width */
}

.message.user {
  justify-content: flex-start;
  flex-direction: row-reverse;
}

.message.admin {
  justify-content: flex-start;
  flex-direction: row;
}

.bubble {
  width: -moz-fit-content;
  width: fit-content; /* Ensure bubble only takes necessary width */
  padding: 10px 15px;
  border-radius: 15px;
  font-size: 0.9rem;
  position: relative;
  line-height: 1.4;
  word-wrap: break-word;
}
.bubble p {
}

.message.admin .bubble {
  background-color: #4a4a4a; /* Dark Gray */
  color: #f4f4f4; /* Lightest Gray */
  border-top-left-radius: 0;
}

.message.user .bubble {
  background-color: #a1a1a1; /* Light Gray */
  color: #1a1a1a; /* Darkest Gray */
  border-top-right-radius: 0;
}

.chat-container {
  width: 100%;
  /* margin: 20px auto; */
  padding: 10px;
  border-radius: 10px;
  overflow-y: auto;
  max-height: 500px;
}

/* Bubble content */
.bubble p {
  margin-bottom: 5px;
}

/* Timestamp styling */
.timestamp {
  font-size: 0.75rem;
  color: #6e6e6e; /* Medium Gray */
  display: block;
  text-align: right;
  margin-top: 5px;
}

.ticket-box {
  margin-top: 10%;
  width: 100%;
  padding: 48px;
  align-items: center;
  box-sizing: border-box;
  gap: 4px;
  border-radius: 12px;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid var(--border);
  background-color: var(--bg-elevated);
}

/* Chat Input Container */
.chat-input-wrapper {
  display: block;
  align-items: center;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background-color: var(--bg-elevated);
  margin: 24px 0;
}
.chat-input-container {
  display: flex;
  align-items: center;
}

/* File Input Styling */
.file-input {
  display: none;
}

/* Attachment Button */
.attachment-btn {
  background: none;
  border: none;
  cursor: pointer;
  margin-right: 10px;
  color: #666;
  transition: color 0.3s ease;
}

.attachment-btn:hover {
  color: #333;
}

/* Text Input Styling */
.message-input {
  flex-grow: 1;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  outline: none;
  font-size: 16px;
}

.message-input:focus {
  border-color: #4a90e2;
  box-shadow: 0 0 5px rgba(74, 144, 226, 0.3);
}

/* Send Button */
.send-btn {
  background-color: var(--color-accent);
  color: white;
  border: none;
  border-radius: 4px;
  padding: 10px 15px;
  margin-left: 10px;
  margin-right: 0px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

[dir="rtl"] .send-btn {
  margin-left: 0px;
  margin-right: 10px;
}
[dir="rtl"] .attachment-btn {
  margin-left: 10px;
  margin-right: 0px;
}

.send-btn:hover {
  background-color: #ce5f3a;
}

.send-btn:disabled {
  background-color: gray;
}

/* Attachment Preview */
.attachment-preview {
  display: flex;
  margin: 10px 0;
  overflow-x: auto;
  padding-bottom: 10px;
}

.attachment-item {
  position: relative;
  margin-right: 10px;
  width: 20%;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
}

.attachment-image {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.remove-attachment {
  position: absolute;
  top: calc(50% - 20px);
  right: calc(50% - 20px);
  color: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 100;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.1s ease;
}

.remove-attachment:hover {
  opacity: 0.7;
}

.menu-block {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.menu-block:hover {
  opacity: 0.8;
}

.menu-icon {
  width: 24px;
  height: 24px;
  background: url(/_next/static/media/menu-icon.65baa0f3.png) center center no-repeat;
  cursor: pointer;
}
.cross-icon {
  width: 24px;
  height: 24px;
  background: url(/_next/static/media/cross-icon.3c7b01a9.png) center center no-repeat;
  display: none;
  cursor: pointer;
}
.profile-icon {
  width: 24px;
  height: 24px;
  background: url(/_next/static/media/profile-icon.059aa4c9.png) center center no-repeat;
  cursor: pointer;
}
.switch-icon {
  width: 24px;
  height: 24px;
  background: url(/_next/static/media/switch-icon.fbc8b3ce.png) center center no-repeat;
  cursor: pointer;
}
.group-icon {
  width: 24px;
  height: 24px;
  background: url(/_next/static/media/group-icon.0ca444c9.png) center center no-repeat;
  cursor: pointer;
}

/* Ensure image-based header icons stay visible in both themes */
header .menu-icon,
header .cross-icon,
header .profile-icon,
header .switch-icon,
header .group-icon {
  background-color: transparent; /* icons are images; do not tint */
  filter: none; /* avoid color inversion filters */
}

/* Invert header icons in light theme */
:root[data-theme="light"] .menu-icon,
:root[data-theme="light"] .cross-icon,
:root[data-theme="light"] .profile-icon,
:root[data-theme="light"] .switch-icon,
:root[data-theme="light"] .group-icon {
  filter: brightness(0) saturate(100%) invert(24%) sepia(8%) saturate(446%)
    hue-rotate(169deg) brightness(95%) contrast(87%);
}

/*-----------------------------------------------
                    MENU
-----------------------------------------------*/

.menu-overlay {
  position: fixed;
  top: 0px;
  background: rgba(0, 0, 0, 0.85);
  height: 100vh;
  width: 100vw;
  z-index: 1000;
  padding-top: 200px;
  display: none;
}
.menu-overlay.active {
  display: block;
}
.m-spacer {
  margin: 24px 0;
  height: 1px;
  background-color: var(--border);
}
.menu-wrapper {
  min-width: 300px;
  max-width: 300px;
  position: relative;
}

.menu-wrapper .menu-block a,
.prj-title {
  color: var(--text-primary);
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #fff;
  text-decoration: none;
}

.menu-container {
  max-width: 1440px;
  height: 100vh;
  margin: auto;
  display: flex;
  flex-direction: row;
  gap: 100px;
  padding: 0 20px;
}

.projects-list-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.prj-title {
}

.prj-wrapper {
  display: flex;
  flex-direction: row;
  gap: 32px;
  max-width: 560px;
}
.prj-wrapper .prj-list {
  flex: 1 1;
}
.prj-list {
  width: 165px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.prj-list li a {
  color: #7d868b;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}
.prj-list li a:hover {
  color: var(--text-primary);
}
.map-drawer {
  display: flex;
  justify-content: space-between;
}
.map-drawer,
.map-drawer * {
  color: var(--text-secondary);
}

.lang-block {
  position: absolute;
  top: 500px;
  display: flex;
  flex-direction: row;
  gap: 24px;
}
.lang-block .lang {
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}

.lang-block .lang:hover {
  border-bottom: 1px solid #fff;
}
.auth-code {
  grid-gap: 16px;
  gap: 16px;
  display: grid;
}
/*-----------------------------------------------
                    AUTH BLOCK
-----------------------------------------------*/

.auth-wrapper {
  background-color: #eee;
  display: flex;
  flex-direction: row;
  min-height: 100vh;
  height: auto;
}

.auth-left-block {
  width: 70%;
  height: 100vh;
  position: relative;
}
.auth-bg {
  background-image: url(/_next/static/media/bg.06ef19c2.png);
  background-size: cover;
}

.auth-logo {
  width: 280px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -43px 0 0 -140px;
  img {
    max-width: 100%;
    height: auto;
  }
}

.auth-right-block {
  width: 30%;
  display: flex;
  gap: 16px;
  padding: 150px 100px;
  flex-direction: column;
  justify-content: space-between;
  width: 40%;
  background-color: #fff;
}

.auth-right-block-register {
  gap: 32px !important;
  height: calc(100vh - 300px);
  overflow-y: auto;
}

.auth-header h2 {
  color: var(--color-accent);
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0.2px;
  position: relative;
}
.auth-header h2::before {
  content: "";
  position: absolute;
  bottom: -16px;
  width: 54px;
  height: 3px;
  background-color: var(--color-accent);
  border-radius: 5px;
}
.back {
  display: flex;
  flex-direction: row;
  gap: 16px;
  color: #151717;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
}

.back-icon {
  width: 24px;
  height: 24px;
  background: url(/images/icons/back-icon.png) center center no-repeat;
}

/* Rotate the icon when in RTL mode */
[dir="rtl"] .back-icon {
  transform: rotate(180deg);
}

.auth-form {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.auth-form .form-title,
.auth-right-block .form-title {
  color: #2d3134;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px; /* 128.571% */
  letter-spacing: 0.2px;
}

.error-message p {
  color: red;
  font-size: 14px;
  font-style: normal;
  line-height: 36px; /* 128.571% */
  letter-spacing: 0.2px;
  margin-top: 8px;
  height: 30px;
}

.auth-form .form-desc {
  color: #151717;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

.auth-form .form-bold {
  color: #151717;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}

.auth-form-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.auth-text-block {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.auth-text-block__action {
  gap: 32px;
}

.auth-text-block .auth-title {
  color: #454a4e;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.auth-text-block .auth-textbox {
  flex: 1 1;
  height: 56px;
  flex-shrink: 0;
  border-radius: 12px;
  border: 1px solid #dbdfe2;
  background: #fff;
  padding: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #151717;
  box-sizing: border-box;
}

.auth-submit {
  height: 56px;
  border-radius: 12px;
  background: var(--color-accent);
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
  cursor: pointer;
}
.auth-submit:hover {
  opacity: 0.9;
}

.auth-forgotpassword {
  color: var(--color-accent);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.change-lang {
  color: var(--color-accent);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.auth-forgotpassword:hover,
.change-lang:hover {
  color: #000;
  cursor: pointer;
}

.fa-block {
  justify-content: flex-start;
}

.fa-block .auth-header {
  margin-bottom: 60px;
}

.auth-verification-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.auth-verification-title {
  color: #151717;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.auth-btn {
  color: var(--color-accent);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 16px 24px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 12px;
  background: rgba(220, 112, 75, 0.1);
  border: none;
  cursor: pointer;
}

.auth-btn.icon {
  text-align: left;
  background: rgba(220, 112, 75, 0.1) url(/images/icons/arrow-right-icon.png)
    98% center no-repeat;
}

.auth-v-btn:hover {
  opacity: 0.8;
  cursor: pointer;
}

.code-wrapper {
  display: flex;
  gap: 16px;
}

.code-wrapper .auth-textbox {
  width: 78px;
}

.auth-count a {
  color: var(--color-accent);
  font-size: 16px;
  line-height: normal;
}
.auth-count {
  display: flex;
  flex-direction: row;
  gap: 12px;
  justify-content: center;
  margin: 16px 0;
}

.auth-count .count {
  color: #454a4e;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.auth-count .resend-btn {
  color: var(--Primary, #007735);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/*------------------------------------------------------
                        BODY
-------------------------------------------------------*/

.body-wrapper {
  height: 100vh;
  position: relative;
}

.body-row {
  display: flex;
  flex-direction: row;
  padding: 130px 15px 0 15px;
}
.body-row > div {
  flex: 1 1;
}
.body-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.body-content h1 {
  color: #fff;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
}
.body-content p {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* Light theme: Add black transparent background for better text readability */
:root[data-theme="light"] .body-content h1,
:root[data-theme="light"] .body-content p {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 16px 20px;
  border-radius: 8px;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  color: #fff; /* Ensure text remains white in light theme */
}

/* Intro page - Always keep dark theme regardless of global theme */
.intro-wrapper .body-content h1,
.intro-wrapper .body-content p {
  color: #fff !important;
  background-color: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
}

.body-buttons {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-end;
}
.body-buttons .b-button {
  display: flex;
  flex-direction: row;
  padding: 12px 16px;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.4);
  color: var(--text-primary);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}

.body-buttons .b-icon {
  width: 16px;
  height: 16px;
  background-size: contain;
}

.body-bg {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.bg-01 {
  background-image: url(/images/background/bg-2.png);
}
.bg-03 {
  background-image: url(/_next/static/media/bg-3.b79acfac.png);
}
.bg-camera-view {
  background-image: url(/_next/static/media/camera-view.6fff4b78.png);
}
.bg-camera-view-style {
  height: 100vh;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.scroll-icon {
  display: inline-flex;
  height: 52px;
  width: 52px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url(/images/icons/mouse-icon.png);
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 30px;
  left: calc(50% - 26px);
  margin-left: -26px;
}

/*------------------------------------------------------
                        GALLERY
-------------------------------------------------------*/

.main-wrapper {
  padding: 128px 0 100px 0;
  background-color: var(--bg);
  /* min-height: 100vh; */
}
.gallery-container,
.profile-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 80px 15px 0 15px;
}

.bg-darkgray {
  background-color: var(--bg-elevated);
}

.gallery-header,
.camera-header,
.profile-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.gal-block {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.g-icon-title,
.g-icon {
  height: 48px;
  width: 48px;
  display: flex;
  padding: 29px;
  align-items: center;
  box-sizing: border-box;
  gap: 4px;
  border-radius: 12px;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid var(--border);
}
.g-icon:hover {
  cursor: pointer;
  opacity: 0.8;
}
.gallery-icon {
  background-color: var(--bg-elevated);
  background-image: url(/images/icons/gallery-icon.png);
}
.home-icon {
  background-color: var(--bg-elevated);
  background-image: url(/images/icons/home-icon.png);
}
.magzine-icon {
  background-color: var(--bg-elevated);
  background-image: url(/images/icons/magzine-icon.png);
}
.profiles-icon {
  background-color: var(--bg-elevated);
  background-image: url(/images/icons/magzine-icon.png);
}
.support-icon {
  background-color: var(--bg-elevated);
  background-image: url(/images/icons/support-icon.png);
}
.article-icon {
  background-color: var(--bg-elevated);
  background-image: url(/images/icons/article-icon.png);
}

.view-icon {
  background-color: var(--bg-elevated);
  background-image: url(/images/icons/360-icon.png);
}
.camera-icon {
  background-color: var(--bg-elevated);
  background-image: url(/images/icons/camera-icon.png);
}

/* Icon tiles use image assets; keep them readable with a solid container bg */
.g-icon,
.g-icon-title,
.gallery-icon,
.home-icon,
.magzine-icon,
.profiles-icon,
.support-icon,
.article-icon,
.view-icon,
.camera-icon {
  background-color: var(--icon-bg);
}
.camera-black-icon {
  background-image: url(/images/icons/camera-black-icon.png);
}
.settings-icon {
  border: 1px solid var(--border);
  background-image: url(/images/icons/settings-icon.png);
}
.arrow-right-icon {
  border: 1px solid var(--border);
  background-image: url(/images/icons/arrow-right.png);
}
.arrow-right-icon-only {
  background-image: url(/images/icons/arrow-right.png);
}
.arrow-left-icon {
  border: 1px solid var(--border);
  background-image: url(/images/icons/arrow-left.png);
}

[dir="rtl"] .arrow-right-icon,
[dir="rtl"] .arrow-left-icon {
  transform: rotate(180deg);
}

.time-selector {
  color: var(--text-primary);
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  gap: 8px;
  width: 30%;
}

.gal-block .gal-title {
  color: var(--text-primary);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.gal-block .gal-title b {
  font-weight: bold;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-content: center;
  align-items: center;
}

.gal-tabs-block {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.gal-tabs-block .gal-tab {
  padding: 0 8px;
  color: var(--text-secondary);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.gal-tabs-block .gal-tab:hover {
  cursor: pointer;
  color: #007735;
}

.gal-settings-block {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
}

.gallery-wrapper,
.article-wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-bottom: 24px;
}

.gallery-wrapper-no-gap,
.article-wrapper-no-gap {
  gap: 0 !important;
}

.gallery-row,
.article-row {
  display: flex;
  flex-direction: row;
  gap: 32px;
}

.gallery-row-no-gap,
.article-row-no-gap {
  gap: 0 !important;
}

.gallery-block,
.gallery-block-view,
.article-block,
.article-block-view {
  border-radius: 12px;
  background: var(--surface-2);
  overflow: hidden;
  flex: 1 1;
  display: flex;
  flex-direction: column;
}

/* Grid styling */
.grid-container {
  display: flex;
  justify-content: center;
  gap: 30px;
  width: 100%;
  max-height: 80vh;
  overflow-y: auto;
  flex-wrap: wrap;
}

.grid-item {
  width: 22%;
  padding: 20px;
  text-align: center;
  border-radius: 4px;
}

.selected-grid-item {
  border: 1px solid white;
}
.grid-item img {
  width: 100%;
  cursor: pointer;
}

.gallery-img {
  flex: 1 1;
  height: auto;
  position: relative;
}

.magazine-img {
  height: 75%;
}

.magazine-img img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.gallery-img img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.article-img img {
  width: 100%;
  height: 400px;
  object-fit: fill;
}

.gallery-img-view img,
.article-img-view img {
  width: 100%;
  height: 200px;
  object-fit: fill;
}

.gallery-block-view.wd-25,
.article-block-view.wd-25 {
  flex: 1 1;
  height: 275px;
  max-width: 23.5%;
  min-width: 23.5%;
  margin-right: 2%;
  margin-left: 0;
  margin-bottom: 2%;
}
.gallery-block.wd-25,
.article-block.wd-25 {
  flex: 1 1;
  height: 300px;
  max-width: 23.5%;
  min-width: 23.5%;
  margin-right: 2%;
  margin-left: 0;
  margin-bottom: 2%;
}

.gallery-block.wd-33,
.article-block.wd-33 {
  flex: 1 1;
  height: 300px;
  max-width: 32%;
  min-width: 32%;
  margin-right: 2%;
  margin-left: 0;
  margin-bottom: 2%;
}

.gallery-block-view.wd-33,
.article-block-view.wd-33 {
  flex: 1 1;
  height: 300px;
  max-width: 32%;
  min-width: 32%;
  margin-right: 2%;
  margin-left: 0;
  margin-bottom: 2%;
}

[dir="rtl"] .gallery-block-view.wd-25,
[dir="rtl"] .article-block-view.wd-25 {
  flex: 1 1;
  height: 275px;
  max-width: 23.5%;
  min-width: 23.5%;
  margin-left: 2%;
  margin-right: 0;
  margin-bottom: 2%;
}
[dir="rtl"] .gallery-block.wd-25,
[dir="rtl"] .article-block.wd-25 {
  flex: 1 1;
  height: 300px;
  max-width: 23.5%;
  min-width: 23.5%;
  margin-left: 2%;
  margin-right: 0;
  margin-bottom: 2%;
}

[dir="rtl"] .gallery-block.wd-33,
[dir="rtl"] .article-block.wd-33 {
  flex: 1 1;
  height: 300px;
  max-width: 32%;
  min-width: 32%;
  margin-left: 2%;
  margin-right: 0;
  margin-bottom: 2%;
}

[dir="rtl"] .gallery-block-view.wd-33,
[dir="rtl"] .article-block-view.wd-33 {
  flex: 1 1;
  height: 300px;
  max-width: 32%;
  min-width: 32%;
  margin-left: 2%;
  margin-right: 0;
  margin-bottom: 2%;
}

.gallery-block.wd-33:last-child,
.gallery-block-view.wd-33:last-child,
.article-block.wd-33:last-child,
.article-block-view.wd-33:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
[dir="rtl"] .gallery-block.wd-33:last-child,
[dir="rtl"] .gallery-block-view.wd-33:last-child,
[dir="rtl"] .article-block.wd-33:last-child,
[dir="rtl"] .article-block-view.wd-33:last-child {
  margin-left: 0;
  margin-bottom: 0;
}

.gallery-block.wd-25:last-child,
.gallery-block-view.wd-25:last-child,
.article-block.wd-25:last-child,
.article-block-view.wd-25:last-child {
  margin-right: 0;
  margin-bottom: 0;
}

[dir="rtl"] .gallery-block.wd-25:last-child,
[dir="rtl"] .gallery-block-view.wd-25:last-child,
[dir="rtl"] .article-block.wd-25:last-child,
[dir="rtl"] .article-block-view.wd-25:last-child {
  margin-left: 0;
  margin-bottom: 0;
}

.gallery-block.wd-50,
.article-block.wd-50 {
  flex: 2 1;
  width: 50%;
}

.gallery-content,
.article-content {
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.gallery-content .gallery-title,
.article-content .article-title {
  color: var(--text-primary);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.2px;
}
.gallery-content .gallery-details,
.article-content .article-details {
  color: var(--text-secondary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.article-details-crop {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.article-date {
  color: var(--text-secondary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 8px;
}

.loadmore-btn {
  max-width: 400px;
  display: flex;
  width: 400px;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 12px;
  border: 1px solid #262a2c;
  color: var(--color-accent);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 32px auto;
  cursor: pointer;
  box-sizing: border-box;
}
.loadmore-btn:hover {
  color: #fff;
}

/* Load More Button Theme Support */
:root[data-theme="light"] .loadmore-btn:hover {
  color: #111213;
}

.all-view .gallery-img {
  height: 127px;
  overflow: hidden;
}

.camera-time-controls {
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 0px;
  width: 98%;
  justify-content: center;
}

.camera-time-wrapper {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 10px 0;
  width: 100%;
}

.camera-time-block {
  padding: 10px;
  margin-right: 10px;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.3s;
}

.camera-time-block.active {
  background-color: #007bff;
  color: #fff;
}

.scroll-arrow {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.scroll-arrow.left {
  left: 5px;
}

.scroll-arrow.right {
  right: 0;
}

.scroll-arrow svg {
  width: 24px;
  height: 24px;
  stroke: black; /* Outline color */
  transition: stroke 0.3s;
}

.scroll-arrow:hover svg {
  stroke: white; /* Outline color on hover */
}

/*--------------------------------------------------------
                      INTRO SCREENS
--------------------------------------------------------*/

.intro-wrapper {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  box-sizing: border-box;
}

.intro-wrapper .body-row {
  /* padding-bottom: 40px; */
}
.intro-actions {
  display: flex;
  gap: 16px;
}
.intro-content {
  display: flex;
  flex-direction: row;
}
.align-end {
  align-items: flex-end !important;
}

.intro-row {
  display: flex;
  flex-direction: row;
  padding-bottom: 85px;
  padding-left: 15px;
  padding-right: 15px;
}

.intro-row.p-100 {
  padding-bottom: 100px;
}

.intro-block {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  flex: 1 1;
  justify-content: flex-end;
}
.intro-stats-wrapper {
  display: flex;
  flex-direction: row;
}

.intro-stats-wrapper .intro-stats {
  padding: 0 16px;
  border-left: 1px solid #ffffff40;
  border-right: none;
  width: 100px;
}

[dir="rtl"] .intro-stats-wrapper .intro-stats {
  padding: 0 16px;
  border-right: 1px solid #ffffff40;
  border-left: none;
  width: 100px;
}
.intro-stats-wrapper .intro-stats .intro-label {
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.intro-stats-wrapper .intro-count {
  color: #fff;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 39px;
}

.discover-btn {
  display: flex;
  padding: 12px 16px 12px 24px;
  align-items: center;
  gap: 4px;
  border-radius: 12px;
  border: 1px solid var(--color-accent);
  background: var(--color-accent);
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.discover-btn:hover {
  opacity: 0.7;
  cursor: pointer;
}

.i-icon-right {
  width: 24px;
  height: 24px;
  display: flex;
  padding: 12px;
  align-items: center;
  box-sizing: border-box;
  gap: 4px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/images/icons/arrow-right.png);
}

[dir="rtl"] .i-icon-right {
  transform: rotate(180deg);
}

.slider-nav-wrapper {
  width: 300px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #454a4e;
  position: relative;
  margin-left: auto;
}
.slider-progress {
  height: 3px;
  width: 100px;
  position: absolute;
  bottom: -1px;
}
.slider-counter {
  color: var(--text-primary);
  font-style: normal;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
.slider-counter .slider-selected {
  font-size: 20px;
  font-weight: 700;
  line-height: 39px;
}
.slider-counter .slider-total {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.slider-nav-block {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.slider-nav-block .s-icon {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.4);
  background-repeat: no-repeat;
  background-position: center center;
}

.slider-nav-block .s-icon.right {
  background-image: url(/images/icons/s-right-icon.png);
}
.slider-nav-block .s-icon.left {
  background-image: url(/images/icons/s-left-icon.png);
}

.clickable-arrow {
  cursor: pointer;
}

[dir="rtl"] .slider-nav-block .s-icon.right {
  transform: rotate(180deg);
}

[dir="rtl"] .slider-nav-block .s-icon.left {
  transform: rotate(180deg);
}

.hidden {
  overflow: hidden;
}

.projects-list-block {
  display: flex;
  padding: 0 144px;
  justify-content: space-between;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  bottom: 0px;
  width: 100%;
  box-sizing: border-box;
  z-index: 999;
}
.projects-list-block ul {
  display: flex;
  flex-direction: row;
  gap: 16px;
  max-width: 1440px;
}
.projects-list-block ul li {
  color: var(--text-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
  padding: 15px 0;
}
.projects-list-block ul li:hover,
.projects-list-block ul li.active {
  border-bottom: 2px solid var(--text-primary);
}

/*--------------------------------------------
                PINS WRAP
--------------------------------------------*/

.center-label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1000;
  box-sizing: border-box;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  margin: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.center-label h1 {
  color: var(--text-primary);
  text-align: center;
  text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.pins-wrap {
  position: absolute;
  top: 0px;
  height: 100vh;
  width: 100vw;
  z-index: 10;
}

.pins-wrap .pin {
  display: block;
  width: 56px;
  height: 95px;
  background: url(/_next/static/media/pin.0c9b835c.png) center center no-repeat;
  position: absolute;
  opacity: 0.7;
  cursor: pointer;
}
.pins-wrap .pin:hover,
.pin.active {
  opacity: 1;
}
.pins-wrap .pin:hover::after {
  content: "";
  position: absolute;
  height: 150px;
  width: 150px;
  border-radius: 100px;
  border: 5px solid #fff;
  left: -50px;
  top: -45px;
}
.pin.active::after {
  display: none;
}

.pins-wrap .pin.center {
  top: 28%;
  left: 53%;
}

.pins-wrap .pin2 {
  background-size: 40px 44px;
  top: 250px;
  left: 30px;
}

.pins-wrap .pin3 {
  background-size: 71px 81px;
  top: 653px;
  left: 350px;
}

.pins-wrap .pin4 {
  background-size: 59px 66px;
  top: 590px;
  right: 350px;
}

.pins-content-wrap {
  height: 400px;
  width: 400px;
  margin: -150px 0 0 -150px;
  position: relative;
  rotate: -60 (deg);
}

.p-icon {
  width: 46px;
  height: 46px;
  /* background-color:#00000040; */
  position: absolute;
  border-radius: 100px;
}
.p-icon span {
  display: block;
  color: #fff;
  width: 100px;
  margin: 15px 0 0 39px;
  display: none;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.p-icon:hover {
  width: 80px;
  height: 80px;
}
.p-icon:hover span {
  display: block;
  margin: 30px 0 0 60px;
}

.camera-pin {
  background: #000000a1 url(/_next/static/media/camera-icon.e0d64d35.png) center center
    no-repeat;
}

.view-pin {
  background: #000000a1 url(/_next/static/media/360-icon.d521997d.png) center center
    no-repeat;
}

/*--------------------------------------------
               CAMERA VIEW SCREEN
---------------------------------------------*/

.top-spacing {
  padding: 120px 0;
}
.camera-view-container {
}

.camera-time-wrapper {
  position: relative;
  width: 90%;
  padding: 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: 32px;
}

.camera-time-block {
  padding: 6px 12px;
  border-radius: 12px;
  background: var(--bg-elevated);
  color: var(--text-secondary);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  font-size: 14px;
  border: 1px solid var(--border);
}

.camera-time-block.active {
  padding: 6px 16px;
  border-radius: 12px;
  background: var(--text-primary);
  color: var(--color-accent);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.arrow-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(/_next/static/media/arrow-up-down-icon.86d62290.png) center center
    no-repeat;
}

.camera-settings-block {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.c-icon {
  height: 36px;
  width: 36px;
  display: flex;
  padding: 29px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 12px;
  background-color: #151717;
  background-repeat: no-repeat;
  background-position: center center;
  box-sizing: border-box;
  border: 1px solid var(--border);
}

/* Invert camera icons in light theme */
/*:root[data-theme="light"] .c-icon {*/
/*  filter: brightness(0) saturate(100%) invert(24%) sepia(8%) saturate(446%) hue-rotate(169deg) brightness(95%) contrast(87%);*/
/*}*/

.c-black-icon {
  height: 5px;
  width: 5px;
  display: flex;
  padding: 20px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid black;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60%;
}
.time-lapse-view {
  background-image: url(/images/icons/timelapse-icon.png);
}
.split-view {
  background-image: url(/images/icons/split-icon.png);
}
.location-view {
  background-image: url(/images/icons/location-icon.png);
}
.split-black-view {
  background-image: url(/images/icons/split-black-icon.png);
}
.download-view {
  background-image: url(/images/icons/download-icon.png);
}
.expand-view {
  background-image: url(/images/icons/exp-icon.png);
}
.cross-view {
  background-image: url(/images/icons/cross-icon.png);
  cursor: pointer;
  margin-left: auto;
}

.divider {
  border-bottom: 1px solid #70757a;
  margin-top: 8;
  margin-bottom: 8;
}

.camera-view-drop {
  display: flex;
  padding: 6px 16px;
  align-items: center;
  gap: 8px;
  background-color: var(--bg-elevated);
  color: var(--text-primary);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 12px;
  border: 1px solid var(--border);
}
.camera-view-drop span {
}
.camera-view-drop .c-view {
  font-weight: 400;
}

.c-drp-icon {
  height: 18px;
  width: 18px;
  background: url(/_next/static/media/arrows-icon.4df67536.png) center center no-repeat;
}

.date-day-wrap {
  position: relative;
}

.day-date-block {
  display: flex;
  padding: 12px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  border-radius: 12px;
  background: var(--bg-elevated);
  position: absolute;
  bottom: 0px;
  border: 1px solid var(--border);
  z-index: 999;
}

.day-date-block .day-block {
  color: var(--text-primary);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.date-block {
  cursor: pointer;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  flex-direction: row;
  gap: 16px;
  color: var(--text-primary);
  background: transparent;
  border: transparent;
}
.popperClassName {
  margin-left: 20px;
}
.react-datepicker-wrapper,
.date-block {
  width: 70% !important;
}

.react-datepicker-wrapper,
.date-block-auto {
  width: auto !important;
  z-index: 1000 !important;
}

.weather-icon {
  display: block;
  width: 40px;
  height: 40px;
  background: url(/_next/static/media/weather-icon.1d8928a5.png) center center no-repeat;
}

.arrows-icon {
  display: block;
  width: 24px;
  height: 24px;
  background: url(/_next/static/media/arrow-up-down-icon.86d62290.png) center center
    no-repeat;
}

/*--------------------------------------------
               NEWS WRAPPER
---------------------------------------------*/

.news-wrapper {
  margin-top: 100px;
  background-color: var(--bg);
  min-height: 100vh;
}

.news-header-image {
  height: 315px;
  background: url(/_next/static/media/news-bg.7f27630f.png) center center no-repeat;
  background-size: cover;
}

.news-container {
  max-width: 750px;
  margin: auto;
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  gap: 46px;
}

.news-container .news-title {
  color: var(--text-primary);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.news-container .news-description,
.ticket-description {
  color: var(--text-secondary);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.news-container .news-desc {
  color: var(--text-secondary);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.news-image {
  border-radius: 10px;
  overflow: hidden;
}
.news-image.flex {
  display: flex;
  flex-direction: row;
  gap: 32px;
}
.news-image img {
  width: 100%;
}

.news-image-block {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 32px;
  border-radius: 16px;
  overflow: hidden;
}
.news-image-block .lg {
  height: 480px;
}
.news-image-block .sml {
  height: 225px;
}
.news-image-sml-block {
  overflow: hidden;
}

.caption {
  color: var(--text-secondary);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 12px;
}

/*--------------------------------------------
            PROFILE WRAPPER
---------------------------------------------*/

.profile-container {
  max-width: 545px;
  margin: auto;
}
.form-wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.form-row {
  display: flex;
  flex-direction: row;
  gap: 32px;
}
.form-row .form-block {
  flex: 1 1;
}

.form-block .form-label {
  color: var(--muted);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 8px;
}
.form-block .form-input,
.form-block .form-textarea {
  height: 56px;
  width: 100%;
  box-sizing: border-box;
  background-color: transparent;
  outline: none;
  border-radius: 12px;
  border: 1px solid var(--border-strong);
  padding: 0 20px;
  color: var(--text-primary);
}

.form-block .form-textarea {
  padding: 20px;
  height: 124px;
}

.form-block .form-submit {
  display: flex;
  width: 300px;
  height: 48px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  border: 1px solid var(--color-accent);
  background: var(--color-accent);
  color: #fff;
  margin: auto;
  cursor: pointer;
}

.form-input::-ms-input-placeholder,
.form-textarea::-ms-input-placeholder,
.form-input::placeholder,
.form-textarea::placeholder {
  color: var(--text-secondary);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.form-wrapper .line {
  margin: 60px 0;
  height: 1px;
  background-color: var(--border-strong);
}

.form-footer {
  display: flex;
  flex-direction: row;
  gap: 32px;
}

.form-footer .form-button {
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex: 1 0;
  border-radius: 12px;
  border: 1px solid var(--border-strong);
  background-color: transparent;
  color: var(--text-primary);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}
.form-footer .form-button:hover {
  color: #e95432;
}

.signout-btn {
  color: #e95432 !important;
}
.signout-btn:hover {
  color: #fff !important;
}

/*--------------------------------------------------------
                    COMPARE BLOCK
---------------------------------------------------------*/

.compare-wrapper {
  position: fixed;
  top: 0px;
  height: 100vh;
  width: 100vw;
  background-color: #000000bd;
  z-index: 100000;
  box-sizing: border-box;
}
.compare-container {
  max-width: 1152px;
  margin: auto;
  padding: 50px 15px;
}
.compare-header {
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.compare-title {
  color: #fff;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 15px;
}
.compare-icons-block {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.ci-icon {
  height: 44px;
  width: 44px;
  display: flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-radius: 12px;
  box-sizing: border-box;
}
.ci-icon:hover,
.ci-icon.active {
  background-color: #fff;
  cursor: pointer;
}
.ci-cross-icon {
  background: rgba(0, 0, 0, 0.4) url(/_next/static/media/cross-icon.3c7b01a9.png) center
    center no-repeat;
}
.ci-download-icon {
  background: rgba(0, 0, 0, 0.4) url(/_next/static/media/download-icon.7d1fa002.png) center
    center no-repeat;
}
.ci-horizontal-icon {
  background: rgba(0, 0, 0, 0.4) url(/_next/static/media/border-horizontal-icon.393b5930.png)
    center center no-repeat;
}
.ci-horizontal-icon.active,
.ci-horizontal-icon:hover {
  background: #fff url(/_next/static/media/border-horizontal-icon-active.9287151f.png) center
    center no-repeat;
}
.ci-vertical-icon {
  background: rgba(0, 0, 0, 0.4) url(/_next/static/media/border-vertical-icon.25e5b90c.png)
    center center no-repeat;
}
.ci-vertical-icon.active,
.ci-vertical-icon:hover {
  background: #fff url(/_next/static/media/border-vertical-icon-active.1db9a75b.png) center
    center no-repeat;
}
.ci-box-icon {
  background: rgba(0, 0, 0, 0.4) url(/_next/static/media/box-icon.5663b5c9.png) center center
    no-repeat;
}
.ci-box-icon.active,
.ci-box-icon:hover {
  background: #fff url(/_next/static/media/box-icon-active.23aa8a05.png) center center
    no-repeat;
}

.split-icons-block {
  display: flex;
  flex-direction: row;
  gap: 16px;
  padding: 16px;
  justify-content: center;
}
.comparison-slider-wrapper {
  position: relative;
}
.comparison-slider-wrapper [data-testid="container"] {
  height: 80vh !important;
  border-radius: 20px;
}
.comparison-slider-wrapper [data-testid="container"] > div:nth-of-type(2) > div,
.comparison-slider-wrapper
  [data-testid="container"]
  > div:nth-of-type(3)
  > div {
  background: rgba(0, 0, 0, 0.33) !important;
  border-radius: 3px !important;
  font-size: 24px !important;
  border-radius: 12px !important;
  padding: 15px !important;
}

.comparison-slider-wrapper-horizontal
  [data-testid="container"]
  > div:nth-of-type(2)
  > div,
.comparison-slider-wrapper-horizontal
  [data-testid="container"]
  > div:nth-of-type(3)
  > div {
  right: 16px !important;
  left: unset !important;
}

.comparison-slider-wrapper-vertical
  [data-testid="container"]
  > div:nth-of-type(2)
  > div {
  left: 16px !important;
  bottom: 6px !important;
  top: unset !important;
  right: unset !important;
}

.comparison-slider-wrapper-vertical
  [data-testid="container"]
  > div:nth-of-type(3)
  > div {
  right: 16px !important;
  bottom: 6px !important;
  top: unset !important;
  left: unset !important;
}

.horizontal-position-bottom .day-date-block {
  bottom: 1rem;
  left: 1rem;
  top: unset;
}
.horizontal-position-top .day-date-block {
  left: 1rem;
  top: 1rem;
  bottom: unset;
  z-index: 5;
}

.vertical-position-right .day-date-block {
  top: 1rem;
  bottom: unset;
  left: 1rem;
}
.vertical-position-left .day-date-block {
  top: 1rem;
  bottom: unset;
  right: 1rem;
  z-index: 5;
}

.compare-position-right .day-date-block {
  top: 1rem;
  bottom: unset;
  left: 1rem;
}
.compare-position-left .day-date-block {
  top: 1rem;
  bottom: unset;
  right: 1rem;
  z-index: 5;
}

.icv__theme-wrapper {
  /* background: red; */
}

.icv__label-before,
.icv__label-after {
  font-size: 24px !important;
  border-radius: 12px;
  padding: 15px !important;
}

.icv__label-before.vertical {
  right: 1rem !important;
  left: unset !important;
}
.icv__label-after.vertical {
  right: 1rem !important;
  left: unset !important;
  bottom: 2rem !important;
}

.icv__circle {
  border: none !important;
  border-radius: 12px !important;
  background-color: rgba(0, 0, 0, 0.4) !important;
  background-image: url(/_next/static/media/split-icon.31b974b6.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.icv__arrow-wrapper {
  display: none !important;
}
.icv__icv--vertical .icv__circle {
  rotate: 90deg;
}

/*--------------------------------------------------
                    COMPARE BOXED
-----------------------------------------------------*/

.compare-boxed {
  position: relative;
  width: 1152px;
  height: 650px;
  overflow: hidden;
}
.image-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}
.image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.preview-box .day-date-block {
  left: 1rem;
  bottom: 1rem;
}

.before-block {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 24px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 15px;
  box-sizing: border-box;
  border-radius: 12px;
  text-transform: uppercase;
}

@media only screen and (max-width: 992px) {
  .auth-wrapper {
    background-color: #eee;
    display: flex;
    flex-direction: row;
    min-height: 100vh;
    height: auto;
    /* margin-top: 90px; */
  }

  .auth-wrapper-no-margin {
    margin-top: 0px;
  }

  .magazine-img {
    height: 60%;
  }

  .magazine-img img {
    width: 100%;
    height: 100%;
    object-fit: fill;
  }
  .ticket-box {
    margin-top: 30%;
  }
  .attachment-item {
    position: relative;
    width: 50%;
  }
  .scroll-arrow {
    display: none;
  }
  .header-responsive {
    display: block;
    background-color: white;
    z-index: 1;
  }
  .header-responsive img {
    filter: invert(56%) sepia(76%) saturate(2171%) hue-rotate(345deg)
      brightness(75%) contrast(105%);
    width: auto !important;
  }
  .auth-left-block {
    display: none;
  }
  .auth-right-block {
    width: 100%;
    padding: 20px;
    justify-content: center;
  }

  .auth-right-block-register {
    padding-top: 30%;
    height: max-content;
  }
  .news-container {
    padding: 60px 15px;
  }
  .menu-container {
    gap: 0px;
  }
  .change-lang {
    position: fixed;
    top: 34px;
    right: 20px;
    z-index: 2;
  }
  .auth-header h2 {
    margin-bottom: 50px;
    font-size: 28px;
  }
  .projects-list-block {
    padding: 0px;
    overflow-x: auto;
  }
  .auth-form .form-title,
  .auth-right-block .form-title {
    font-size: 22px;
  }
  .auth-btn {
    font-size: 14px;
  }
  .menu-wrapper .menu-block a,
  .prj-title {
    font-size: 22px !important;
  }
  .gal-block .gal-title {
    font-size: 28px;
  }
  .g-icon,
  .g-icon-title,
  .c-icon {
    height: 30px;
    width: 30px;
    padding: 20px;
    border-radius: 12px;
  }
  .gallery-block.wd-33,
  .gallery-block.wd-25,
  .gallery-block-view.wd-33,
  .gallery-block-view.wd-25,
  .article-block.wd-33,
  .article-block.wd-25,
  .article-block-view.wd-33,
  .article-block-view.wd-25 {
    flex: 1 1;
    height: 215px;
    max-width: 100%;
    min-width: 100%;
    margin-right: 0;
    margin-bottom: 12px;
  }
  .body-row {
    padding: 120px 0 0;
  }
  .body-buttons {
    justify-content: center;
    margin: auto;
  }
  .body-content h1 {
    font-size: 34px;
  }
  .intro-content {
    width: 100%;
  }
  .i-icon-right {
    margin-left: auto;
  }
  .prj-list li a {
    font-size: 16px !important;
  }
  .main-wrapper {
    padding: 50px 0 0 0;
  }
  .gallery-header-mob {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
  }
  .gallery-container,
  .profile-container {
    padding: 100px 0 0 !important;
  }

  .gallery-container-mob,
  .profile-container-mob {
    padding: 30px 0 0 !important;
  }
  .gallery-wrapper-no-gap,
  .article-wrapper-no-gap {
    gap: 8px !important;
  }
  select {
    font-size: 16px !important;
  }
  .camera-header {
    padding: 0 20px;
    display: block;
  }
  .camera-settings-block {
    margin-top: 8px;
  }
  .day-date-block {
    left: 20px;
    bottom: 0;
  }
  .preview-box .day-date-block {
    left: 0.5rem;
    bottom: 0.5rem;
  }
  .vertical-position-right > .day-date-block {
    right: 20px !important;
    left: unset !important;
  }
  .compare-position-right > .day-date-block {
    left: 20px !important;
    right: unset !important;
  }
  .camera-time-block:last-child {
    margin-right: 20px;
  }
  .camera-time-wrapper {
    gap: 20px;
  }
  .bg-camera-view {
    background-size: contain !important;
    background-image: none;
  }
  .image-container {
    width: auto !important;
    height: unset !important;
  }
  .preview-box {
    width: 150px !important;
    height: 150px !important;
  }
  .before-block,
  .date-block {
    font-size: 14px;
  }
  .day-date-block {
    width: 100px;
  }
  .compare-title {
    font-size: 20px;
  }
  .comparison-slider-wrapper [data-testid="container"] img {
    object-fit: contain !important;
  }
  .compare-container {
    height: 100%;
  }
  .inner-compare,
  .inner-horizontal,
  .inner-vertical {
    height: 85%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  .base-image,
  .comparison-image {
    max-width: 100%;
    object-fit: contain;
    height: auto;
  }
  .comparison-slider-wrapper
    [data-testid="container"]
    > div:nth-of-type(2)
    > div,
  .comparison-slider-wrapper
    [data-testid="container"]
    > div:nth-of-type(3)
    > div {
    font-size: 14px !important;
  }
  .scroll-icon {
    margin-left: -16px;
  }
  .form-footer {
    flex-direction: column;
    gap: 16px;
  }
  .form-wrapper .line {
    margin: 30px 0;
  }
  .expand-view {
    display: none;
  }
}

@media only screen and (max-width: 780px) {
  .news-image.flex {
    flex-direction: column;
  }
  .news-image-block .lg,
  .news-image-block .sml {
    height: 200px;
  }
  .profile-container {
    padding: 80px 15px 0 !important;
  }
  .projects-list-wrapper {
    margin-top: 50px;
  }
  .menu-container {
    gap: 0px;
    flex-direction: column;
  }
  .projects-list-block {
    padding: 0;
    background: none;
  }
  .intro-row {
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
  }
  .intro-actions {
    display: block;
    width: 100%;
  }
  .discover-btn {
    margin-bottom: 8px;
  }
  .res-pd-0 {
    padding-bottom: 0px;
  }
  .loadmore-btn {
    max-width: 100%;
    width: 100%;
  }
  .body-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }
  .intro-block {
    width: 100%;
  }
  .gallery-img img,
  .article-img img {
    height: 100px;
  }
  .gallery-img-view img,
  .article-img-view img {
    height: 150px;
  }
}

@media only screen and (max-width: 680px) {
  .gallery-row,
  .article-row {
    flex-direction: column;
  }
  .gallery-block {
    width: 100% !important;
  }
}

@media only screen and (max-width: 480px) {
  .form-row {
    flex-direction: column;
  }
  .lang-block {
    top: -56px;
  }
}

select {
  color: var(--text-primary);
  font-size: 32px; /* Set font size to 32px */
  font-style: normal; /* Set font style to normal */
  font-weight: 600; /* Set font weight to 600 */
  line-height: normal; /* Set line height to normal */
  display: flex; /* Use flex display */
  flex-direction: row; /* Set flex direction to row */
  gap: 8px; /* Set gap between flex items to 8px */
  background-color: transparent; /* Set background color to transparent */
  border: transparent; /* Set border to transparent */
}

select:focus {
  outline: none; /* Ensure no outline on focus */
  border-color: transparent; /* Ensure border color is transparent */
  box-shadow: none; /* Remove default focus shadow */
}

.keen-slider__slide img {
  width: auto;
  height: 75vh;
  object-fit: contain;
  margin: auto;
}

.slick-slider {
  height: 100%;
}

.slick-arrow.slick-next {
  margin-right: 30px;
  z-index: 10;
}

.slick-arrow.slick-prev {
  margin-left: 30px;
  z-index: 10;
}

.slick-arrow.slick-next,
.slick-arrow.slick-prev {
  height: 25px;
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 0.8;
  height: 30px;
  width: 30px;
}

.slick-arrow.slick-next:hover,
.slick-arrow.slick-prev:hover {
  opacity: 1;
}

.slick-prev::before,
.slick-next::before {
  display: none;
}

.arrows {
  height: 30px;
  width: 30px;
  margin: 1px;
}

[dir="rtl"] .arrows {
  transform: rotate(180deg);
}

.slick-slide div {
  outline: none;
}

.image-container {
  position: relative;
  width: 1105px;
  height: 675px;
  overflow: hidden;
}

.base-image,
.comparison-image {
  display: block;
  max-width: 100%;
  border-radius: 20px;
}

.preview-box {
  width: 400px;
  height: 400px;
  border: 2px solid #fff;
  border-radius: 20px;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: 0 0;
  cursor: -webkit-grab;
  cursor: grab;
}

.preview-box12 {
  width: 400px;
  height: 400px;
  border: 2px solid #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
  background-position: 0 0;
  cursor: -webkit-grab;
  cursor: grab;
}

.loader-wrapper {
  height: 79vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./node_modules/react-toastify/dist/ReactToastify.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
}
.Toastify__toast {
  --y: 0;
  position: relative;
  touch-action: none;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
  overflow: hidden;
}
.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}
.Toastify__toast--stacked[data-collapsed=false] {
  overflow: visible;
}
.Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
  opacity: 0;
}
.Toastify__toast--stacked:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}
.Toastify__toast--stacked[data-pos=top] {
  top: 0;
}
.Toastify__toast--stacked[data-pos=bot] {
  bottom: 0;
}
.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
  transform-origin: top;
}
.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
  transform-origin: bottom;
}
.Toastify__toast--stacked:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  flex: 1 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
  z-index: 1;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp[data-hidden=true] {
  opacity: 0;
}
.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=ReactToastify.css.map */
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./node_modules/video.js/dist/video-js.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.vjs-svg-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  fill: currentColor;
  height: 1.8em;
  width: 1.8em;
}
.vjs-svg-icon:before {
  content: none !important;
}

.vjs-svg-icon:hover,
.vjs-control:focus .vjs-svg-icon {
  filter: drop-shadow(0 0 0.25em #fff);
}

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10a";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10b";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-downloading {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-downloading:before {
  content: "\f10f";
}

.vjs-icon-file-download {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download:before {
  content: "\f110";
}

.vjs-icon-file-download-done {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-done:before {
  content: "\f111";
}

.vjs-icon-file-download-off {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-off:before {
  content: "\f112";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f113";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f114";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f115";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f116";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f117";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f118";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f119";
}

.vjs-icon-repeat {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-repeat:before {
  content: "\f11a";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f11b";
}

.vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
  content: "\f11c";
}

.vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
  content: "\f11f";
}

.vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
  content: "\f120";
}

.vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f122";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f123";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f124";
}

.vjs-icon-shuffle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-shuffle:before {
  content: "\f125";
}

.vjs-icon-cast {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cast:before {
  content: "\f126";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f127";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f128";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f129";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f12a";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f12b";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f12c";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f12d";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f12e";
}

.video-js {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window,
body.vjs-pip-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen,
body.vjs-pip-window .video-js {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
body.vjs-pip-window .video-js {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
  display: block;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-pip-container .vjs-pip-text {
  position: absolute;
  bottom: 10%;
  font-size: 2em;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.5em;
  text-align: center;
  width: 100%;
}

.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-small.vjs-pip-container .vjs-pip-text {
  bottom: 0;
  font-size: 1.4em;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  margin-top: -0.81666em;
  margin-left: -1.5em;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.vjs-big-play-button .vjs-svg-icon {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  transform: translate(-50%, -50%);
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
  outline: 0.0625em solid white;
  box-shadow: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.vjs-menu li.vjs-selected .vjs-svg-icon,
.vjs-menu li.vjs-selected:focus .vjs-svg-icon,
.vjs-menu li.vjs-selected:hover .vjs-svg-icon,
.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
  fill: #000000;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
  left: unset;
  right: 1em;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
  gap: 1px;
}

.video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
  display: flex !important;
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.vjs-button > .vjs-svg-icon {
  display: inline-block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  line-height: 0.35em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-play-progress:before {
  content: none !important;
}

.vjs-play-progress .vjs-svg-icon {
  position: absolute;
  top: -0.35em;
  right: -0.4em;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  line-height: 0.15em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari, and Chrome 53 */
  -webkit-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  -moz-user-select: none;
       user-select: none;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
  outline: 0.0625em solid white;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-volume-level:before {
  content: none;
}

.vjs-volume-level .vjs-svg-icon {
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  line-height: 0.35em;
  right: -0.5em;
}

.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
  right: -0.3em;
  transform: translateY(-50%);
}

.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
  top: -0.55em;
  transform: translateX(-50%);
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster,
.vjs-pip-container.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-poster img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-svg-icons-enabled .vjs-seek-to-live-control {
  line-height: 0;
}

.vjs-seek-to-live-control .vjs-svg-icon {
  width: 1em;
  height: 1em;
  pointer-events: none;
  fill: #888888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
  fill: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control {
  display: flex;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.vjs-error .vjs-text-track-display {
  display: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
  text-align: center !important;
  width: 80% !important;
}

@supports not (inset: 10px) {
  .video-js .vjs-text-track-display > div {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
.vjs-pip-window .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control,
.vjs-pip-window .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.85;
  text-align: left;
  border: 0.6em solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-error .vjs-loading-spinner {
  display: none;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: rgb(255, 255, 255);
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: rgb(255, 255, 255);
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  20% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  100% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
  width: 1.5em;
  height: 1.5em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10c";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f12e";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
  height: 80%;
}

.vjs-error .vjs-text-track-settings {
  display: none;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-text-track-settings select {
  font-size: inherit;
}

.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 10px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
  padding: 0 0.6em 0.8em;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}

.vjs-text-track-settings .vjs-label {
  margin: 0 0.5em 0.5em 0;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

.vjs-title-bar {
  background: rgba(0, 0, 0, 0.9);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
  font-size: 1.2em;
  line-height: 1.5;
  transition: opacity 0.1s;
  padding: 0.666em 1.333em 4em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.vjs-error .vjs-title-bar {
  display: none;
}

.vjs-title-bar-title,
.vjs-title-bar-description {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vjs-title-bar-title {
  font-weight: bold;
  margin-bottom: 0.333em;
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
  opacity: 0;
  transition: opacity 1s;
}

.video-js .vjs-skip-forward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-30 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-30 {
  cursor: pointer;
}
.video-js .vjs-transient-button {
  position: absolute;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(50, 50, 50, 0.5);
  cursor: pointer;
  opacity: 1;
  transition: opacity 1s;
}

.video-js:not(.vjs-has-started) .vjs-transient-button {
  display: none;
}

.video-js.not-hover .vjs-transient-button:not(.force-display),
.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
  opacity: 0;
}

.video-js .vjs-transient-button span {
  padding: 0 0.5em;
}

.video-js .vjs-transient-button.vjs-left {
  left: 1em;
}

.video-js .vjs-transient-button.vjs-right {
  right: 1em;
}

.video-js .vjs-transient-button.vjs-top {
  top: 1em;
}

.video-js .vjs-transient-button.vjs-near-top {
  top: 4em;
}

.video-js .vjs-transient-button.vjs-bottom {
  bottom: 4em;
}

.video-js .vjs-transient-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}

/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./public/css/reset.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  /* font-family: 'frutiger_lt_arabic'; */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
  padding: 0px;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./src/app/[locale]/globals.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
:root {
  /* brand */
  --color-accent: #007735;
}

:root[data-theme="dark"] {
  --bg: #121313;
  --bg-elevated: #151717;
  --surface-2: #1f1f1f;
  --text-primary: #ffffff;
  --text-secondary: #b6bec4;
  --muted: #656c71;
  --border: #262a2c;
  --border-strong: #454a4e;
  --icon-bg: #262a2c;
  --hero-overlay-start: rgb(0 0 0 / 38%);
  --hero-overlay-end: rgb(35 35 35 / 85%);
  --skeleton-base: #1f1f1f;
  --skeleton-highlight: #2b2b2b;
}

:root[data-theme="light"] {
  --bg: #ffffff;
  --bg-elevated: #ffffff;
  --surface-2: #f6f7f9;
  --text-primary: #111213;
  --text-secondary: #4b5563;
  --muted: #6b7280;
  --border: #e5e7eb;
  --border-strong: #d1d5db;
  --icon-bg: #111213;
  --hero-overlay-start: rgb(255 255 255 / 38%);
  --hero-overlay-end: rgb(255 255 255 / 0%);
  --skeleton-base: #e5e7eb;
  --skeleton-highlight: #f3f4f6;
}

html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  max-width: 100%;
}

body {
  font-family: "Montserrat", sans-serif;
  font-family: "Noto Kufi Arabic", sans-serif;
  background-color: var(--bg);
}

/* Remove blue underline from all links */
a {
  text-decoration: none; /* Remove underline */
}

/* Optional: Add custom styles for hover state */
a:hover {
  text-decoration: none; /* Underline on hover, if desired */
}

.pd-0 {
  padding: 0px !important;
}

/* Horizontal padding zero - keeps vertical padding for fixed header offset */
.pd-h-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

/* Small top padding for sections after Hero */
.pt-40 {
  padding-top: 40px !important;
}

.container {
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding: 0 15px;
  box-sizing: border-box;
}
.container.rm-height {
  min-height: auto;
}
.flex-end {
  justify-content: flex-end;
}
.space-between {
  justify-content: space-between;
}

header {
  height: auto;
  padding: 10px 15px;
  box-sizing: border-box;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 999;
}
header.scroll {
  border-bottom: 1px solid var(--border);
  background-color: var(--bg-elevated);
}
header.active .menu-icon {
  display: none;
}
header.active .cross-icon {
  display: block;
}

.header .logo {
  height: 48px;
}

.header-wrap {
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.logo {
  width: 170px;
}
.logo img {
  max-width: 100%;
}

.header-responsive {
  position: fixed;
  top: 0px;
  padding: 20px;
  width: 100%;
  border-bottom: 1px solid lightgrey;
  display: none;
}
.logo-res {
  height: 50px;
}

.menu-block {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.menu-block:hover {
  opacity: 0.8;
}

.menu-icon {
  width: 24px;
  height: 24px;
  background: url(/_next/static/media/menu-icon.65baa0f3.png) center center
    no-repeat;
  cursor: pointer;
}
.cross-icon {
  width: 24px;
  height: 24px;
  background: url(/_next/static/media/cross-icon.3c7b01a9.png) center center
    no-repeat;
  display: none;
  cursor: pointer;
}
.profile-icon {
  width: 24px;
  height: 24px;
  background: url(/_next/static/media/profile-icon.059aa4c9.png) center center
    no-repeat;
  cursor: pointer;
}

/*-----------------------------------------------
                    MENU
-----------------------------------------------*/

.menu-overlay {
  position: fixed;
  top: 0px;
  background: rgba(0, 0, 0, 0.85);
  height: 100vh;
  width: 100vw;
  z-index: 1000;
  padding-top: 200px;
  display: none;
}
.menu-overlay.active {
  display: block;
}
.m-spacer {
  margin: 24px 0;
  height: 1px;
  background-color: #262a2c;
}
.menu-wrapper {
  min-width: 300px;
  max-width: 300px;
  position: relative;
}

.menu-wrapper .menu-block a,
.prj-title {
  color: #fff;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #fff;
  text-decoration: none;
}

.menu-container {
  max-width: 1440px;
  height: 100vh;
  margin: auto;
  display: flex;
  flex-direction: row;
  gap: 100px;
  padding: 0 20px;
}

.projects-list-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.prj-title {
}

.prj-wrapper {
  display: flex;
  flex-direction: row;
  gap: 32px;
  max-width: 560px;
}
.prj-wrapper .prj-list {
  flex: 1 1;
}
.prj-list {
  width: 165px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.prj-list li a {
  color: #7d868b;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}
.prj-list li a:hover {
  color: #fff;
}

.lang-block {
  position: absolute;
  top: 500px;
  display: flex;
  flex-direction: row;
  gap: 24px;
}
.lang-block .lang {
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}

.lang-block .lang:hover {
  border-bottom: 1px solid #fff;
}
.auth-code {
  grid-gap: 16px;
  gap: 16px;
  display: grid;
}
/*-----------------------------------------------
                    AUTH BLOCK
-----------------------------------------------*/

.auth-wrapper {
  background-color: #eee;
  display: flex;
  flex-direction: row;
  height: 100vh;
}

.auth-left-block {
  width: 70%;
  position: relative;
}
.auth-bg {
  background-image: url(/_next/static/media/bg.06ef19c2.png);
  background-size: cover;
}

.auth-logo {
  width: 280px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -43px 0 0 -140px;
  img {
    max-width: 100%;
    height: auto;
  }
}

.auth-right-block {
  width: 30%;
  display: flex;
  gap: 16px;
  padding: 150px 100px;
  flex-direction: column;
  justify-content: space-between;
  width: 40%;
  background-color: #fff;
}

.auth-header h2 {
  color: #007735;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0.2px;
  position: relative;
}
.auth-header h2::before {
  content: "";
  position: absolute;
  bottom: -16px;
  width: 54px;
  height: 3px;
  background-color: #007735;
  border-radius: 5px;
}
.back {
  display: flex;
  flex-direction: row;
  gap: 16px;
  color: #151717;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
}

.back-icon {
  width: 24px;
  height: 24px;
  background: url(/_next/static/media/back-icon.646da10d.png) center center
    no-repeat;
}

.auth-form {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.auth-form .form-title,
.auth-right-block .form-title {
  color: #2d3134;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px; /* 128.571% */
  letter-spacing: 0.2px;
}

.auth-form .form-desc {
  color: #151717;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

.auth-form .form-bold {
  color: #151717;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}

.auth-form-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.auth-text-block {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.auth-text-block__action {
  gap: 32px;
}

.auth-text-block .auth-title {
  color: #454a4e;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.auth-text-block .auth-textbox {
  flex: 1 1;
  height: 56px;
  flex-shrink: 0;
  border-radius: 12px;
  border: 1px solid #dbdfe2;
  background: #fff;
  padding: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #151717;
  box-sizing: border-box;
}

.auth-submit {
  height: 56px;
  border-radius: 12px;
  background: #007735;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
  cursor: pointer;
}
.auth-submit:hover {
  opacity: 0.9;
}

.auth-forgotpassword {
  color: #007735;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.change-lang {
  color: #007735;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.auth-forgotpassword:hover,
.change-lang:hover {
  color: #000;
  cursor: pointer;
}

.fa-block {
  justify-content: flex-start;
}

.fa-block .auth-header {
  margin-bottom: 60px;
}

.auth-verification-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.auth-verification-title {
  color: #151717;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.auth-btn {
  color: #007735;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 16px 24px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 12px;
  background: rgba(220, 112, 75, 0.1);
  border: none;
  cursor: pointer;
}

.auth-btn.icon {
  text-align: left;
  background: rgba(220, 112, 75, 0.1)
    url(/_next/static/media/arrow-right-icon.116b9491.png) 98% center no-repeat;
}

.auth-v-btn:hover {
  opacity: 0.8;
  cursor: pointer;
}

.code-wrapper {
  display: flex;
  gap: 16px;
}

.code-wrapper .auth-textbox {
  width: 78px;
}

.auth-count a {
  color: #007735;
  font-size: 16px;
  line-height: normal;
}
.auth-count {
  display: flex;
  flex-direction: row;
  gap: 12px;
  justify-content: center;
  margin: 16px 0;
}

.auth-count .count {
  color: #454a4e;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.auth-count .resend-btn {
  color: var(--Primary, #007735);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/*------------------------------------------------------
                        BODY
-------------------------------------------------------*/

.body-wrapper {
  height: 100vh;
  position: relative;
}

.body-row {
  display: flex;
  flex-direction: row;
  padding: 130px 15px 0 15px;
}
.body-row > div {
  flex: 1 1;
}
.body-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.body-content h1 {
  color: #fff;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
}
.body-content p {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* Light theme: Add black transparent background for better text readability */
:root[data-theme="light"] .body-content h1,
:root[data-theme="light"] .body-content p {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 16px 20px;
  border-radius: 8px;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  color: #fff; /* Ensure text remains white in light theme */
}

/* Gallery Filter Modal Theme Support */
:root[data-theme="light"] .gallery-content .gallery-title {
  color: #111213;
}

/* DatePicker Theme Support */
:root[data-theme="light"] .react-datepicker {
  background-color: #ffffff !important;
  border: 1px solid #d1d5db !important;
  color: #111213 !important;
}

:root[data-theme="light"] .react-datepicker__header {
  background-color: #f9fafb !important;
  border-bottom: 1px solid #d1d5db !important;
}

:root[data-theme="light"] .react-datepicker__day {
  color: #111213 !important;
}

:root[data-theme="light"] .react-datepicker__day:hover {
  background-color: #f3f4f6 !important;
}

:root[data-theme="light"] .react-datepicker__day--selected {
  background-color: #007735 !important;
  color: #ffffff !important;
}

:root[data-theme="light"] .react-datepicker__day--keyboard-selected {
  background-color: #007735 !important;
  color: #ffffff !important;
}

:root[data-theme="light"] .react-datepicker__month-text {
  color: #111213 !important;
}

:root[data-theme="light"] .react-datepicker__month-text:hover {
  background-color: #f3f4f6 !important;
}

:root[data-theme="light"] .react-datepicker__month-text--selected {
  background-color: #007735 !important;
  color: #ffffff !important;
}

/* Dark theme DatePicker input support */
:root[data-theme="dark"] .date-block,
:root[data-theme="dark"] .date-block-auto {
  background-color: #374151 !important;
  color: #ffffff !important;
  border: 1px solid #4b5563 !important;
  border-radius: 6px;
  padding: 8px 12px;
}

:root[data-theme="dark"] .react-datepicker {
  background-color: #1f2937 !important;
  border: 1px solid #4b5563 !important;
  color: #ffffff !important;
}

:root[data-theme="dark"] .react-datepicker__header {
  background-color: #374151 !important;
  border-bottom: 1px solid #4b5563 !important;
}

:root[data-theme="dark"] .react-datepicker__current-month,
:root[data-theme="dark"] .react-datepicker__day-name,
:root[data-theme="dark"] .react-datepicker-year-header {
  color: #ffffff !important;
}

:root[data-theme="dark"] .react-datepicker__day {
  color: #ffffff !important;
}

:root[data-theme="dark"] .react-datepicker__day:hover {
  background-color: #4b5563 !important;
}

:root[data-theme="dark"] .react-datepicker__day--selected,
:root[data-theme="dark"] .react-datepicker__day--keyboard-selected {
  background-color: #007735 !important;
  color: #ffffff !important;
}

:root[data-theme="dark"] .react-datepicker__month-text {
  color: #ffffff !important;
}

:root[data-theme="dark"] .react-datepicker__month-text:hover {
  background-color: #4b5563 !important;
}

:root[data-theme="dark"] .react-datepicker__month-text--selected,
:root[data-theme="dark"] .react-datepicker__month-text--keyboard-selected {
  background-color: #007735 !important;
  color: #ffffff !important;
}

:root[data-theme="dark"] .react-datepicker__navigation-icon::before {
  border-color: #ffffff !important;
}

:root[data-theme="dark"] .react-datepicker__triangle {
  display: none;
}

/* Intro page - Always keep dark theme regardless of global theme */
.intro-wrapper .body-content h1,
.intro-wrapper .body-content p {
  color: #fff !important;
  background-color: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
}

.body-buttons {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-end;
}
.body-buttons .b-button {
  display: flex;
  flex-direction: row;
  padding: 12px 16px;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.body-buttons .b-icon {
  width: 16px;
  height: 16px;
  background-size: contain;
}

.body-bg {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.bg-01 {
  background-image: url(/_next/static/media/bg-2.c699fad7.png);
}
.bg-03 {
  background-image: url(/_next/static/media/bg-3.b79acfac.png);
}
.bg-camera-view {
  background-image: url(/_next/static/media/camera-view.6fff4b78.png);
}

.scroll-icon {
  display: inline-flex;
  height: 52px;
  width: 52px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url(/_next/static/media/mouse-icon.ff0c4585.png);
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -26px;
}

/*------------------------------------------------------
                        GALLERY
-------------------------------------------------------*/

.main-wrapper {
  padding: 128px 0 100px 0;
}
.gallery-container,
.profile-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 80px 15px 0 15px;
}

.bg-darkgray {
  background-color: #151717;
}

.gallery-header,
.camera-header,
.profile-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.gal-block {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.g-icon {
  height: 48px;
  width: 48px;
  display: flex;
  padding: 12px;
  align-items: center;
  box-sizing: border-box;
  gap: 4px;
  border-radius: 12px;
  background-position: center center;
  background-repeat: no-repeat;
}
.g-icon:hover {
  cursor: pointer;
  opacity: 0.8;
}
.gallery-icon {
  background-color: #262a2c;
  background-image: url(/_next/static/media/gallery-icon.45432bee.png);
}
.home-icon {
  background-color: #262a2c;
  background-image: url(/_next/static/media/home-icon.7ab52786.png);
}
.magzine-icon {
  background-color: #262a2c;
  background-image: url(/_next/static/media/magzine-icon.1ad363db.png);
}
.profiles-icon {
  background-color: #262a2c;
  background-image: url(/_next/static/media/magzine-icon.1ad363db.png);
}
.support-icon {
  background-color: #262a2c;
  background-image: url(/_next/static/media/support-icon.26dc82fa.png);
}
.article-icon {
  background-color: #262a2c;
  background-image: url(/_next/static/media/article-icon.f677fa41.png);
}

.view-icon {
  background-color: #262a2c;
  background-image: url(/_next/static/media/360-icon.d521997d.png);
}
.camera-icon {
  background-color: #262a2c;
  background-image: url(/_next/static/media/camera-icon.e0d64d35.png);
}
.settings-icon {
  border: 1px solid #262a2c;
  background-image: url(/_next/static/media/settings-icon.61010518.png);
}
.arrow-right-icon {
  border: 1px solid #262a2c;
  background-image: url(/_next/static/media/arrow-right.d1d609c5.png);
}
.arrow-left-icon {
  border: 1px solid #262a2c;
  background-image: url(/_next/static/media/arrow-left.bf7d3531.png);
}

.time-selector {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  gap: 8px;
}

.gal-block .gal-title {
  color: #fff;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.gal-block .gal-title b {
  font-weight: bold;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-content: center;
  align-items: center;
}

.gal-tabs-block {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.gal-tabs-block .gal-tab {
  padding: 0 8px;
  color: #7d868b;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.gal-tabs-block .gal-tab:hover {
  cursor: pointer;
  color: #007735;
}

.gal-settings-block {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
}

.gallery-wrapper,
.article-wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.gallery-row,
.article-row {
  display: flex;
  flex-direction: row;
  gap: 32px;
}

.gallery-block,
.article-block {
  border-radius: 12px;
  background: rgba(52, 58, 62, 0.3);
  overflow: hidden;
  flex: 1 1;
}
.gallery-img img,
.article-img img {
  width: 100%;
  object-fit: cover;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 210px;
}

.gallery-block.wd-25 {
  flex: 1 1;
  width: 25%;
}
.gallery-block.wd-50 {
  flex: 2 1;
  width: 50%;
}

.gallery-content,
.article-content {
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.gallery-content .gallery-title,
.article-content .article-title {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.2px;
}
.gallery-content .gallery-details,
.article-content .article-details {
  color: #656c71;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.article-date {
  color: #656c71;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 8px;
}

.loadmore-btn {
  max-width: 400px;
  display: flex;
  width: 400px;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 12px;
  border: 1px solid #262a2c;
  color: #007735;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 32px auto;
  cursor: pointer;
  box-sizing: border-box;
}
.loadmore-btn:hover {
  color: #fff;
}

/* Load More Button Theme Support */
:root[data-theme="light"] .loadmore-btn:hover {
  color: #111213;
}

.all-view .gallery-img {
  height: 127px;
  overflow: hidden;
}

/*--------------------------------------------------------
                      INTRO SCREENS
--------------------------------------------------------*/

.intro-wrapper {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  box-sizing: border-box;
}

.intro-wrapper .body-row {
  /* padding-bottom: 40px; */
}
.intro-actions {
  display: flex;
  gap: 16px;
}
.intro-content {
  display: flex;
  flex-direction: row;
  display: 32px;
}
.align-end {
  align-items: flex-end !important;
}

.intro-row {
  display: flex;
  flex-direction: row;
  padding-bottom: 85px;
  padding-left: 15px;
  padding-right: 15px;
}

.intro-row.p-100 {
  padding-bottom: 100px;
}

.intro-block {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  flex: 1 1;
  justify-content: flex-end;
}
.intro-stats-wrapper {
  display: flex;
  flex-direction: row;
  display: 32px;
}

.intro-stats-wrapper .intro-stats {
  padding: 0 16px;
  border-left: 1px solid #ffffff40;
  width: 100px;
}
.intro-stats-wrapper .intro-stats .intro-label {
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.intro-stats-wrapper .intro-count {
  color: #fff;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 39px;
}

.discover-btn {
  display: flex;
  padding: 12px 16px 12px 24px;
  align-items: center;
  gap: 4px;
  border-radius: 12px;
  border: 1px solid #007735;
  background: #007735;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.discover-btn:hover {
  opacity: 0.7;
  cursor: pointer;
}

.i-icon-right {
  width: 24px;
  height: 24px;
  display: flex;
  padding: 12px;
  align-items: center;
  box-sizing: border-box;
  gap: 4px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/_next/static/media/arrow-right.d1d609c5.png);
}

.slider-nav-wrapper {
  width: 300px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #454a4e;
  position: relative;
  margin-left: auto;
}
.slider-progress {
  height: 3px;
  width: 100px;
  position: absolute;
  bottom: -1px;
}
.slider-counter {
  color: #fff;
  font-style: normal;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
.slider-counter .slider-selected {
  font-size: 20px;
  font-weight: 700;
  line-height: 39px;
}
.slider-counter .slider-total {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.slider-nav-block {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.slider-nav-block .s-icon {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.4);
  background-repeat: no-repeat;
  background-position: center center;
}

.slider-nav-block .s-icon.right {
  background-image: url(/_next/static/media/s-right-icon.d1d609c5.png);
}
.slider-nav-block .s-icon.left {
  background-image: url(/_next/static/media/s-left-icon.bf7d3531.png);
}

.hidden {
  overflow: hidden;
}

.projects-list-block {
  display: flex;
  padding: 0 144px;
  justify-content: space-between;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  bottom: 0px;
  width: 100%;
  box-sizing: border-box;
  z-index: 999;
}
.projects-list-block ul {
  display: flex;
  flex-direction: row;
  gap: 16px;
  max-width: 1440px;
}
.projects-list-block ul li {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
  padding: 15px 0;
}
.projects-list-block ul li:hover,
.projects-list-block ul li.active {
  border-bottom: 2px solid #fff;
}

/*--------------------------------------------
                PINS WRAP
--------------------------------------------*/

.center-label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0px;
  height: 100vh;
  width: 100vw;
  box-sizing: border-box;
}
.center-label h1 {
  color: #fff;
  text-align: center;
  text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.pins-wrap {
  position: absolute;
  top: 0px;
  height: 100vh;
  width: 100vw;
  z-index: 10;
}

.pins-wrap .pin {
  display: block;
  width: 56px;
  height: 95px;
  background: url(/_next/static/media/pin.0c9b835c.png) center center no-repeat;
  position: absolute;
  opacity: 0.7;
  cursor: pointer;
}
.pins-wrap .pin:hover,
.pin.active {
  opacity: 1;
}
.pins-wrap .pin:hover::after {
  content: "";
  position: absolute;
  height: 150px;
  width: 150px;
  border-radius: 100px;
  border: 5px solid #fff;
  left: -50px;
  top: -45px;
}
.pin.active::after {
  display: none;
}

.pins-wrap .pin.center {
  top: 28%;
  left: 53%;
}

.pins-wrap .pin2 {
  background-size: 40px 44px;
  top: 250px;
  left: 30px;
}

.pins-wrap .pin3 {
  background-size: 71px 81px;
  top: 653px;
  left: 350px;
}

.pins-wrap .pin4 {
  background-size: 59px 66px;
  top: 590px;
  right: 350px;
}

.pins-content-wrap {
  height: 400px;
  width: 400px;
  margin: -150px 0 0 -150px;
  position: relative;
  rotate: -60 (deg);
}

.p-icon {
  width: 46px;
  height: 46px;
  /* background-color:#00000040; */
  position: absolute;
  border-radius: 100px;
}
.p-icon span {
  display: block;
  color: #fff;
  width: 100px;
  margin: 15px 0 0 39px;
  display: none;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.p-icon:hover {
  width: 80px;
  height: 80px;
}
.p-icon:hover span {
  display: block;
  margin: 30px 0 0 60px;
}

.camera-pin {
  background: #000000a1 url(/_next/static/media/camera-icon.e0d64d35.png) center
    center no-repeat;
}

.view-pin {
  background: #000000a1 url(/_next/static/media/360-icon.d521997d.png) center
    center no-repeat;
}

/*--------------------------------------------
               CAMERA VIEW SCREEN
---------------------------------------------*/

.top-spacing {
  padding: 120px 0;
}
.camera-view-container {
}

.camera-time-wrapper {
  position: fixed;
  bottom: 0px;
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: 32px;
}

.camera-time-block {
  padding: 6px 12px;
  border-radius: 12px;
  background: #262a2c;
  color: #dbdfe2;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  font-size: 14px;
}

.camera-time-block.active {
  padding: 6px 16px;
  border-radius: 12px;
  background: #fff;
  color: #007735;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.arrow-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(/_next/static/media/arrow-up-down-icon.86d62290.png) center
    center no-repeat;
}

.camera-settings-block {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.c-icon {
  height: 36px;
  width: 36px;
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.4);
  background-repeat: no-repeat;
  background-position: center center;
  box-sizing: border-box;
}

.split-view {
  background-image: url(/_next/static/media/split-icon.31b974b6.png);
}
.location-view {
  background-image: url(/_next/static/media/location-icon.0e64829e.png);
}
.download-view {
  background-image: url(/_next/static/media/download-icon.7d1fa002.png);
}
.expand-view {
  background-image: url(/_next/static/media/exp-icon.f31909fc.png);
}

.camera-view-drop {
  display: flex;
  padding: 6px 16px;
  align-items: center;
  gap: 8px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 12px;
}
.camera-view-drop span {
}
.camera-view-drop .c-view {
  font-weight: 400;
}

.c-drp-icon {
  height: 18px;
  width: 18px;
  background: url(/_next/static/media/arrows-icon.4df67536.png) center center
    no-repeat;
}

.date-day-wrap {
  position: relative;
}

.day-date-block {
  display: flex;
  padding: 12px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0px;
}

.day-date-block .day-block {
  color: #fff;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;

  display: flex;
  flex-direction: row;
  gap: 16px;
}

.date-block {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.weather-icon {
  display: block;
  width: 40px;
  height: 40px;
  background: url(/_next/static/media/weather-icon.1d8928a5.png) center center
    no-repeat;
}

.arrows-icon {
  display: block;
  width: 24px;
  height: 24px;
  background: url(/_next/static/media/arrow-up-down-icon.86d62290.png) center
    center no-repeat;
}

/*--------------------------------------------
               NEWS WRAPPER
---------------------------------------------*/

.news-wrapper {
  margin-top: 100px;
}

.news-header-image {
  height: 315px;
  background: url(/_next/static/media/news-bg.7f27630f.png) center center
    no-repeat;
  background-size: cover;
}

.news-container {
  max-width: 750px;
  margin: auto;
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  gap: 46px;
}

.news-container .news-title {
  color: #fff;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.news-container .news-description {
  color: #b6bec4;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.news-container .news-desc {
  color: #b6bec4;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.news-image {
  border-radius: 10px;
  overflow: hidden;
}
.news-image.flex {
  display: flex;
  flex-direction: row;
  gap: 32px;
}
.news-image img {
  width: 100%;
}

.news-image-block {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 32px;
  border-radius: 16px;
  overflow: hidden;
}
.news-image-block .lg {
  height: 480px;
}
.news-image-block .sml {
  height: 225px;
}
.news-image-sml-block {
  overflow: hidden;
}

.caption {
  color: #b6bec4;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 12px;
}

/*--------------------------------------------
            PROFILE WRAPPER
---------------------------------------------*/

.profile-container {
  max-width: 545px;
  margin: auto;
}
.form-wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.form-row {
  display: flex;
  flex-direction: row;
  gap: 32px;
}
.form-row .form-block {
  flex: 1 1;
}

.form-block .form-label {
  color: #656c71;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 8px;
}
.form-block .form-input,
.form-block .form-textarea {
  height: 56px;
  width: 100%;
  box-sizing: border-box;
  background-color: transparent;
  outline: none;
  border-radius: 12px;
  border: 1px solid #454a4e;
  padding: 0 20px;
  color: var(--text-primary);
}

.form-block .form-textarea {
  padding: 20px;
  height: 124px;
}

.form-block .form-submit {
  display: flex;
  width: 300px;
  height: 48px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  border: 1px solid #007735;
  background: #007735;
  color: var(--text-primary);
  margin: auto;
}

.form-input::-ms-input-placeholder,
.form-textarea::-ms-input-placeholder,
.form-input::placeholder,
.form-textarea::placeholder {
  color: #b6bec4;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.form-wrapper .line {
  margin: 60px 0;
  height: 1px;
  background-color: #454a4e;
}

.form-footer {
  display: flex;
  flex-direction: row;
  gap: 32px;
}

.form-footer .form-button {
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex: 1 0;
  border-radius: 12px;
  border: 1px solid #454a4e;
  background-color: transparent;
  color: var(--text-primary);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}
.form-footer .form-button:hover {
  color: #e95432;
}

.signout-btn {
  color: #e95432 !important;
}
.signout-btn:hover {
  color: #fff !important;
}

/*--------------------------------------------------------
                    COMPARE BLOCK
---------------------------------------------------------*/

.compare-wrapper {
  position: fixed;
  top: 0px;
  height: 100vh;
  width: 100vw;
  background-color: #000000bd;
  z-index: 100000;
  box-sizing: border-box;
}
.compare-container {
  max-width: 1152px;
  margin: auto;
  padding: 50px 15px;
}
.compare-header {
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.compare-title {
  color: #fff;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 15px;
}
.compare-icons-block {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.ci-icon {
  height: 44px;
  width: 44px;
  display: flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-radius: 12px;
  box-sizing: border-box;
}
.ci-icon:hover,
.ci-icon.active {
  background-color: #fff;
  cursor: pointer;
}
.ci-cross-icon {
  background: rgba(0, 0, 0, 0.4)
    url(/_next/static/media/cross-icon.3c7b01a9.png) center center no-repeat;
}
.ci-download-icon {
  background: rgba(0, 0, 0, 0.4)
    url(/_next/static/media/download-icon.7d1fa002.png) center center no-repeat;
}
.ci-horizontal-icon {
  background: rgba(0, 0, 0, 0.4)
    url(/_next/static/media/border-horizontal-icon.393b5930.png) center center
    no-repeat;
}
.ci-horizontal-icon.active,
.ci-horizontal-icon:hover {
  background: #fff
    url(/_next/static/media/border-horizontal-icon-active.9287151f.png) center
    center no-repeat;
}
.ci-vertical-icon {
  background: rgba(0, 0, 0, 0.4)
    url(/_next/static/media/border-vertical-icon.25e5b90c.png) center center
    no-repeat;
}
.ci-vertical-icon.active,
.ci-vertical-icon:hover {
  background: #fff
    url(/_next/static/media/border-vertical-icon-active.1db9a75b.png) center
    center no-repeat;
}
.ci-box-icon {
  background: rgba(0, 0, 0, 0.4) url(/_next/static/media/box-icon.5663b5c9.png)
    center center no-repeat;
}
.ci-box-icon.active,
.ci-box-icon:hover {
  background: #fff url(/_next/static/media/box-icon-active.23aa8a05.png) center
    center no-repeat;
}

.split-icons-block {
  display: flex;
  flex-direction: row;
  gap: 16px;
  padding: 16px;
  justify-content: center;
}

/* .comparison-slider-wrapper {
    position: relative;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
} */

.icv__theme-wrapper {
  /* background: red; */
}

.icv__label-before,
.icv__label-after {
  font-size: 24px !important;
  border-radius: 12px;
  padding: 15px !important;
}

.icv__label-before.vertical {
  right: 1rem !important;
  left: unset !important;
}
.icv__label-after.vertical {
  right: 1rem !important;
  left: unset !important;
  bottom: 2rem !important;
}

.icv__circle {
  border: none !important;
  border-radius: 12px !important;
  background-color: rgba(0, 0, 0, 0.4) !important;
  background-image: url(/_next/static/media/split-icon.31b974b6.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.icv__arrow-wrapper {
  display: none !important;
}
.icv__icv--vertical .icv__circle {
  rotate: 90deg;
}

.horizontal-position-bottom .day-date-block {
  bottom: 1rem;
  left: 1rem;
  top: unset;
}
.horizontal-position-top .day-date-block {
  left: 1rem;
  top: 1rem;
  bottom: unset;
  z-index: 5;
}

.vertical-position-right .day-date-block {
  top: 1rem;
  bottom: unset;
  left: 1rem;
}
.vertical-position-left .day-date-block {
  top: 1rem;
  bottom: unset;
  right: 1rem;
  z-index: 5;
}

/*--------------------------------------------------
                    COMPARE BOXED
-----------------------------------------------------*/

.compare-boxed {
  position: relative;
  width: 1152px;
  height: 650px;
  overflow: hidden;
}
.image-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}
.image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.preview-box .day-date-block {
  left: 1rem;
  bottom: 1rem;
}

.before-block {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 24px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 15px;
  box-sizing: border-box;
  border-radius: 12px;
  text-transform: uppercase;
}

@media only screen and (max-width: 992px) {
  .header-responsive {
    display: block;
  }
  .auth-left-block {
    display: none;
  }
  .auth-right-block {
    width: 100%;
    padding: 150px 20px;
  }
  .news-container {
    padding: 60px 15px;
  }
  .menu-container {
    gap: 0px;
  }
  .auth-right-block {
    justify-content: center;
  }
  .change-lang {
    position: fixed;
    top: 34px;
    right: 20px;
  }
  .auth-header h2 {
    margin-bottom: 50px;
  }
  .projects-list-block {
    padding: 0px;
    overflow-x: auto;
  }
}

@media only screen and (max-width: 780px) {
  .news-image.flex {
    flex-direction: column;
  }
  .news-image-block .lg,
  .news-image-block .sml {
    height: 200px;
  }
  .profile-container {
    padding: 80px 15px;
  }
  .projects-list-wrapper {
    margin-top: 50px;
  }
  .menu-container {
    gap: 0px;
    flex-direction: column;
  }
  .projects-list-block {
    padding: 0;
    background: none;
  }
  .intro-row {
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
  }
  .intro-actions {
    display: flex;
  }
  .res-pd-0 {
    padding-bottom: 0px;
  }
  .loadmore-btn {
    max-width: 100%;
    width: 100%;
  }
  .body-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }
}

@media only screen and (max-width: 680px) {
  .gallery-row {
    flex-direction: column;
  }
  .gallery-block {
    width: 100% !important;
  }
}

@media only screen and (max-width: 480px) {
  .form-row {
    flex-direction: column;
  }
  .lang-block {
    top: -56px;
  }
}

.camera-time-controls {
  display: flex;
  align-items: center;
}

.scroll-button {
  background-color: #ccc;
  border: none;
  padding: 10px;
  cursor: pointer;
  font-size: 20px;
}

.camera-time-wrapper {
  display: flex;
  overflow-x: scroll;
  scroll-behavior: smooth;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}

.camera-time-wrapper::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

.camera-time-block {
  min-width: 100px;
  padding: 10px;
  margin: 5px;
  background: #fff;
  cursor: pointer;
  border: 1px solid #ccc;
  font-size: 14px;
}

.camera-time-block.active {
  border-color: #db6f4c;
  background: #e9f5ff;
}

.ReactModal__Overlay {
  z-index: 1001 !important;
}

/* Skeleton container styles */
.skeleton-container {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1;
}

.skeleton-container > span {
  display: block !important;
  height: 100% !important;
}